vue优点和缺点 和json
vue的特点和优点vue的两大优点：响应式编程、组件化vue的优势：轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟dom、运行速度快vue是单页面应用，使页面局部刷新，不用每次跳转页面时都要请求所有的数据和dom，这样大大加快了访问速度和提升用户体验，而且他的第三方ui...
2024-01-10
vue.js npm安装图解
首先理清nodejs和npm的关系：node.js是javascript的一种运行环境，是对Google V8引擎进行的封装。是一个服务器端的javascript的解释器。包含关系，nodejs中含有npm，比如说你安装好nodejs，你打开cmd输入npm -v会发现出啊线npm的版本号，说明npm已经安装好。引用大神的总结:其实npm是nodejs的包管理器（package manager...
2024-01-10
vue 引入本地json的方法
vue 引入本地json的方法当前需要使用的组件： 1 import data from './test.json' 2 export default{ 3 data(){ 4 return{ 5 userinform: '' 6 } 7 ...
2024-01-10
vue3 页面刷新后json的问题
当我打开浏览器第一次时，点击按钮添加数据是正常的但是当我刷新页面，数据初始化，点击按钮添加数据就成这样了，下图。length依然是1，展开的数据也在，但是箭头所指的Array括号里的数据却为空，别的地方也取不到该变量的数据。请问这是什么原因造成的？？PS:如果我多push2次，第二次第三次的数据却可以正常保存，下图length=3,但是Array括号里只有2个数据。回答：有关 console.l...
2024-02-17
vue+jsonp跨域用不上，求解？
接口是有效的，但是使用jsonp跨域后一直用不了，请赐教，不胜感激。以下是相关vue文件<template> <div id="epidemicData" style="text-align: center"> <div id="header"> <h1 class="slogan">科学防护 共渡难关</h1> <h2 class="ti...
2024-03-12
vue.js janus 客户端
原本为了学习移动端的知识，后面经过调研选择了flutter，算是目前最火的跨平台移动端，我也做了flutter版的janus。做出了成果，于是有了新的想法，继续深入研究发现，flutter并不属于移动端组，属于前端组，于是又加入了前端的学习，目前前端市场大家都是这么说前端非常多，优秀的前端少...
2024-01-10
vue jsx多层map嵌套问题
数据格式为:this.form.data[i].col[i].col[i].data[i]需要取到最后这层的data为数据，但是，最后这层data可能是为空的，这就导致了会出现 Cannot read properties of undefined (reading 'map')的情况。原错误代码↓render: (h, params) => { const subject...
2024-02-08
vue之node.js的简单介绍
它是可以运行JavaScript的服务器，用javascript语言编写的后端，只是它的开发语言是JavaScript二、安装1、node.js的特性：- 非阻塞IO模型- 时间驱动2、运用的场景：- 高并发单例模式业务- 实时场景- 聊天、电子商务、视频直播等3、安装地址：http://nodejs.cn/判断是否安装成功 node -v进入编辑状态:node+...
2024-01-10
cordova + vue.js2
然后把cordova项目下www中的index.html这几个复制到vue项目下的index.html中，vue项目中index.html效果如下然后在vue项目下的config下的index.js中的build:修改，修改后的效果这样就修改好了，随后开始打包，先导航到vue项目目录下输入npm run build再输入cordova build android（android是应用程序平台，看你的是什么平台...
2024-01-10
vue 自适应 Responsive 设计
使用阿里的 lib-flexible 及 vue-meta 库：https://github.com/amfe/lib-flexible/https://github.com/nuxt/vue-meta#meta-object1.安装lib-flexible在命令行中输入并运行：npm i lib-flexible --save2.在项目入口文件main.js中引入lib-flexibleimport 'lib-flexible'这个时候我们可以npm run dev看一下，已经有了效果。使用 vue-me...
2024-01-10
vue v-on监听事件详解
在html或jsp页面中我们总能碰到监听DOM事件来触发javaScript代码，下面我们就简单聊聊Vue.js中的监听事件是怎么处理的。在vue.js中监听事件是通过v-on指令来实现的，先看一下简单的监听事件代码。<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="vue.js"></script></hea...
2024-01-10详解vue2.0模拟后台json数据
最近在跟着做vue2.0以上版本的一个购物平台，在涉及到模拟后台数据交互的时候，视频里讲的是通过json-server这个插件和express，由于之前的配置都是在build/dev-server.js文件夹下，在vue2.0都没有了，全部整合到了build/webpack.dev.conf.js文件里，通过不断查阅资料后终于模拟成功。1.首先 npm install vue-resource --...
2024-01-10
vue scoped 深度作用选择器
如果你希望 scoped 样式中的一个选择器能够作用得“更深”，例如影响子组件，你可以使用 >>> 操作符：<style scoped>.a >>> .b { /* ... */ }</style>上述代码将会编译成：.a[data-v-f3f3eg9] .b { /* ... */ }有些像 Sass 之类的预处理器无法正确解析 >>>。这种情况下你可以使用 /deep/ 操作符取而代之——这是一个 ...
2024-01-10
vue再页面渲染json数据时没有显示
对象点属性不能获取数据。原因:在创建数据对象时我使用了k,v方式：tempMap['category '] = this.category[i].label如果在创建数据时使用的k,v方式，那么在页面渲染数据时用 item['category ']的方式获取，如果用点属性的方式创...
2024-01-10
vue 移动端自适应问题 postcss
创建项目安装postcss 和 postcss-px-to-viewport npm i postcss 在package.json同级目录下 创建 postcss.config.js文件 然后进行如下配置...
2024-01-10浅谈Vue.js中的v-on(事件处理)
Vue.js的事件处理监听事件我们可以用 v-on 指令监听 DOM 事件来触发一些 JavaScript 代码。<div class="box"> {{msg}} <input type="button" value="按钮" v-on:click="msg+=1"/></div>var vm = new Vue({ el:".box", data:{ msg:1 },})结果方法事件处理器许多事件处理的逻辑都很复杂，所以直接把 JavaScript 代码写在 v-on 指令...
2024-01-10
聊聊vue 中的v-on参数问题
vue中v-on:clock的使用最近在学习vue.js框架。记下其中遇到的一些问题，以便以后查阅。首先，这是一个页面(为了便于观察，将各个标签都一一着色)：其中html代码：<div class="groupbody "> <ul class="list "> <li v-for="cell in todo.groupbody " class="pagegroupcell " v-on:click="exchange($event)"> <div class="pagecellte...
2024-01-10
聊聊vue 中的v-on参数问题
vue中v-on:clock的使用最近在学习vue.js框架。记下其中遇到的一些问题，以便以后查阅。首先，这是一个页面(为了便于观察，将各个标签都一一着色)：其中html代码：<div class="groupbody "> <ul class="list "> <li v-for="cell in todo.groupbody " class="pagegroupcell " v-on:click="exchange($event)"> <div class="pagecellte...
2024-01-10Django vue前后端分离整合过程解析
最近接到一个任务，就是用django后端，前段用vue，做一个普通的简单系统，我就是一搞后端的，听到vue也是比较震惊，之前压根没接触过vue.看了vue的一些文档，还有一些项目，先说一下django与vue的完美结合吧！首先是创建一个django项目django-admin startproject mysite # 创建mysite项目django-admin startapp blog # ...
2024-01-10vue组件开发props验证的实现
使用props在Vue中父组件向子组件中传送数据是通过props实现的，一个简单的使用props的例子：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Vue Study</title></head><body> <div id="app"> <foo-component :foo-message="fooMessage"></foo-component> </div> <script type="text/javascr...
2024-01-10vue+js 如何限制并发上传数?
有这么一个需求：需要上传几千张图片到后端接口使用 python 的时候，可以线程池来实现并发控制import osfrom loguru import loggerfrom pathlib import Pathfrom PIL import Imagefrom mark import BASE_DIRfrom PIL import UnidentifiedImageErrorimpo...
2024-03-07![【JS】[vue] 理解.sync](/wp-content/uploads/2021/01/1460000038813054.png)
【JS】[vue] 理解.sync
考虑以下两个父子组件：// 父组件{template: `<div><p>I'm parent</p><p>parentCount: {{parentCount}}</p><child v-bind:childCount="parentCount"></child></div>`,data() {return {parentCount: 1}},}// 子组件{template:`<div><p>I'm child</p><p>childCount: {{childCount}}</p><button @c...
2024-01-10
vue 如何解构对象作为 props 传递?
* parent.vue<template> <div> <CHild :config="config"></CHild> </div></template><script>export default { data() { return { config: { type: "component", label: "组...
2024-02-19
说说 Vue.js 中的 v-show 指令
1 用法v-show 指令通过改变元素的 css 属性（display）来决定元素是显示还是隐藏。html：<div id="app"> <p v-show="type==='科技'">大数据之下的锦鲤：为什么你的微博总抽不到奖</p></div>js：<script> var app = new Vue({ el: '#app', data: { type:'技术' } });</script>渲染后代码：大数据...
2024-01-10
